</div>
		
		<div id="calendarArea">
		
			<div id="calendar"></div>
			
			
		</div>
		
		<div id="dayInfo">
			<h3>All activities on 14/3/2012</h3>
			<p class="strong">Practices</p>
			<ul>
				<li>H1 - Hall 1, Building 2 (17.00 - 19.00)</li>
				<li>H4 - Hall 3, Building 1 (17.00 - 19.00)</li>
				<li>D3 - Hall 2, Building 1 (17.00 - 19.00)</li>
			</ul>
			
			<p class="strong">Matches</p>
			<ul>
				<li>Team 2 - Hall 1, Other teams home court (13.00 - 15.00)</li>
			</ul>
			
			<p class="strong">Other events</p>
			<ul>
				<li>Board meeting, Meeting room 1, Building 1(11.00 - 12.00)</li>
				<li>Board meeting, Meeting room 1, Building 1(11.00 - 12.00)</li>
			</ul>
			
		</div>
	
	</div>
</div>
<div id="footer">
	<div id="footerContent">
		<div id="footerLeft">
		<p class="footerTitle">About {$organizationName}</p>
		<p>{$aboutOrganization}</p>
		<p class="footerTitle">Social</p>
		<p><a href="{$facebookLink}">Visit us on facebook</a></p>
		</div>

		
		<div id="footerRight">
		<p class="footerTitle">Contact</p>
		<form class="standardForm" method="POST" action="/">
			<label for="yourEmail">Your e-mail address:</label>
			<input type="text" id="yourEmail" name="yourEmail">
			<label for="contactForm">Message:</label>
			<textarea id="contactForm" name="contactForm"></textarea>
			<input class="submitButton" type="submit" value="Send" />
		</form>
		</div>
	</div>
</div>
</body>

<script type="text/javascript">$('#calendar').datepicker({ firstDay: 1 });</script>
</html>